.topic-editor {
    position: relative;
    width: 100%;
    min-height: 285px;
    background: rgb(244, 244, 244);
    margin-top: 12px;

    .display {
        color: rgba(0, 0, 0, 0.9);
        font-size: 14px;
        min-height: 44px;
        height: auto;
        line-height: 20px;
        font-family: PingFang SC, sans-serif !important;
        font-variant-numeric: tabular-nums;
        font-feature-settings: "tnum" 1;
        letter-spacing: 0 !important;
        white-space: pre-wrap;
        word-wrap: break-word;

        .topic {
            color: rgb(187, 128, 73);
            font-size: 14px;
            padding: 0;
            margin: 0;
        }
    }

    .input {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /* 与 display 层一致 */
        font-size: 14px;
        /* 与 display 层一致 */
        line-height: 20px;
        /* 与 display 层一致 */
        color: red;
        caret-color: #000;
        font-family: PingFang SC, sans-serif !important;
        font-variant-numeric: tabular-nums;
        font-feature-settings: "tnum" 1;
        letter-spacing: 0 !important;
        margin: 0;
        padding: 0;
        font-size: 28rpx;
        line-height: 40rpx;
        caret-color: #000;
        background: transparent;
        border: none;
        outline: none;
        resize: none;
        padding-top: 3rpx;

        white-space: pre-wrap;
        word-wrap: break-word;
        box-sizing: border-box;
    }
}